/* pages/user/myorder.wxss */
@import "/style/cells.wxss";
@import "/style/style.wxss";

view {
    box-sizing: border-box;
}

// 标签控制器相关样式
.tab_ctr {
    position: fixed;
    width: 100%;
    height: 80rpx;
    background: #FCFAEE;
    border-bottom: 2rpx #f2f2f2 solid;
    font-size: 24rpx;
    z-index: 9;

    .tab_ctt {
        position: absolute;
        width: 100%;
        height: 82rpx;
        left: 0;
        top: 0;
        z-index: 9;
        display: flex;
    }

    .tab_cell1 {
        float: left;
        width: 20%;
        height: 76rpx;
        line-height: 76rpx;
        text-align: center;
        padding-bottom: 6rpx;
        font-family:
            Alibaba PuHuiTi 2,
            Alibaba PuHuiTi 20;
        font-weight: 400;
        font-size: 26rpx;
        color: #999999;
    }

    .tab_cell2 {
        float: left;
        width: 20%;
        height: 76rpx;
        line-height: 76rpx;
        text-align: center;
        font-family:
            Alibaba PuHuiTi 2,
            Alibaba PuHuiTi 20;
        font-weight: 500;
        font-size: 26rpx;
        color: #f9800f;
        border-bottom: 6rpx #f9800f solid;
    }
}

.container {
    padding-top: 106rpx;

    .cells_ctr {
        width: 690rpx;
        background: #fcfaee;
        box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(185, 98, 33, 0.2);
        border-radius: 20rpx;
        margin: 0rpx auto 30rpx;

        .cells_ctt {
            padding: 30rpx;

        }

        .cells_ctt1 {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
    }

    // 订单左侧内容区样式
    .myorder_lctr {
        float: left;
        width: 582rpx;
        overflow: hidden;

        .myorder_pic {
            margin-right: 20rpx;
            float: left;
            width: 160rpx;
            height: 160rpx;

            image {
                width: 100%;
            }
        }

        .myorder_lctt {
            float: left;
            width: 402rpx;
            height: 160rpx;
            display: table;

            .myorder_ltxt {
                vertical-align: middle;
                display: table-cell;

                .myorder_goods_title,
                .myorder_goods_spec {
                    float: left;
                    width: 100%;
                    display: -webkit-box;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    -webkit-line-clamp: 1;
                    -webkit-box-orient: vertical;
                }

                .myorder_goods_spec {
                    font-size: 28rpx;
                    color: #888;
                }
            }
        }
    }

    // 订单右侧内容区样式
    .myorder_rctr {
        float: left;
        width: 120rpx;
        height: 160rpx;
        text-align: right;
        display: table;

        .myorder_rctt {
            vertical-align: middle;
            display: table-cell;

            .span1,
            .span2 {
                font-size: 24rpx;
            }

            .span1 {
                color: #666666 !important;
                /* color: #312C2F !important; */
            }
        }
    }

    // 按钮相关样式
    .myorder_btn,
    .myorder_btn_on {
        margin-left: 20rpx;
        float: right;
        padding: 0 20rpx;
        background: #fcfaee;
        border: 2rpx #f9800f solid;
        border-radius: 10rpx;
        line-height: 56rpx;
        font-weight: 400;
        font-size: 28rpx;
        color: #f9800f;

        &::after {
            border: 0;
        }
    }

    .myorder_btn_on {
        color: #fff;
    }

    .du {
        background-image: url("https://lhs.tann.cc/upload/images/du_6.png") !important;
        background-size: 100% 100% !important;
        width: 154rpx;
        height: 58rpx;
        float: right;
        margin-left: 20rpx;
    }

    .pingluen {
        /* width: 126rpx; */
        height: 58rpx;
        box-sizing: border-box;
        border: 1rpx solid #f9800f;
        font-family:
            Alibaba PuHuiTi 2,
            Alibaba PuHuiTi 20;
        font-weight: 400;
        font-size: 28rpx;
        text-align: center;
        color: #ffffff;
        background: #f9800f;
        border-radius: 10rpx;
        /* border: 0; */
    }
}

.none_ctr {
    height: 300rpx;
}